body {
    background-color: #F4F7F9;
}

.marquee-block {
    display: flex;
    align-items: center;
    //justify-content: space-between;
    width: 18.75rem;
    height: 1.9rem;
    background-color: #FEFCEB;

    .laba {
        margin-left: 0.8rem;
        width: 0.95rem;
        height: 0.875rem;
    }

    .marquee-content {
        float: left;
        width: 14.75rem;
        height: 1rem;
        position: relative;
        overflow: hidden;

        span {
            position: absolute;
            display: block;
            font-size: .7rem;
            color: #F96A0E;
            line-height: 1rem;
            height: 1rem;
            left: 100%;
            animation: marquee-content 10s 1 linear;
            -webkit-animation: marquee-content 10s 1 linear; /*Safari and Chrome*/
        }

        @keyframes marquee-content {
            from {
                left: 100%;
            }
            to {
                left: -180%;
            }
        }
        @-webkit-keyframes marquee-content {
            from {
                left: 100%;
            }
            to {
                left: -180%;
            }
        }
    }

    .close {
        margin-right: 0.8rem;
        width: 0.5rem;
        height: 0.5rem;
    }
}

.targetInfo {
    display: flex;
    background-color: #fff;
    padding-bottom: 1rem;

    .targetInfo-left {
        position: relative;
        margin-top: 0.575rem;
        margin-left: 0.75rem;
        height: 4.2rem;

        .wechat-icon {
            width: 1.2rem;
            height: 1.2rem;
        }

        .link-icon {
            position: relative;
            width: 1rem;
            height: 1rem;
            margin: 0 auto;
            top: -2.5rem;
        }

        .customer-icon {
            width: 1.2rem;
            height: 1.2rem;
        }

        .line {
            width: 0.05rem;
            height: 1.75rem;
            background-color: #E9E9E9;
            margin: 0 auto;
        }
    }

    .targetInfo-right {
        margin-left: 0.4rem;
        margin-top: 0.575rem;
        margin-right: 0.75rem;

        .nickName {
            line-height: 1rem;
            margin-top: 0.1rem;
            font-size: 0.75rem;
            color: #141C30;
        }

        .custName {
            line-height: 1rem;
            margin-top: 2rem;
            font-size: 0.75rem;
            color: #141C30;
        }
    }
}

.tab {
    position: relative;
    height: 1.9rem;
    font-size: 0.7rem;
    color: #868D9C;
    background-color: #fff;

    .tab-left {
        margin-left: 0.75rem;
    }

    .tab-right {
        margin-left: 1.25rem;

    }

    .tabChecked {
        font-size: 0.9rem;
        color: #3B4257;
        font-weight: bold;
        border-bottom: 0.15rem solid #FF8637;
        padding-bottom: .2rem;
    }

    //
    //.tabChecked::after {
    //    content: '';
    //    display: inline-block;
    //    position: relative;
    //    left: -1rem;
    //    top: .6rem;
    //    width: 0.75rem;
    //    height: 0.15rem;
    //    background-color: #FF8637;
    //}

    .numChecked {
        font-size: 0.65rem;
        color: #000027;
        font-weight: normal;
    }
}

.hasMarquee {
    position: absolute;
    height: 75% !important;
    width: 100%;
}

.noMarquee {
    position: absolute;
    height: 80%;
    width: 100%;
}

.opportunity-list {
    padding-bottom: .75rem;

    .list-head {
        height: 2.95rem;
        background-color: #F4F7F9;

        .head-date {
            position: relative;
            top: .8rem;
            width: 8.2rem;
            height: 1.4rem;
            line-height: 1.4rem;
            text-align: center;
            font-size: 0.65rem;
            color: #fff;
            background-color: #FE6E06;
            border-bottom-right-radius: .65rem;
            border-top-right-radius: 0.65rem;
        }
    }

    .one {
        display: flex;
        align-items: center;
        height: 1rem;
        line-height: 1rem;
        margin: 0 0.75rem;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;

        .circle {
            width: 0.6rem;
            height: 0.6rem;
            border: 0.1rem solid #999;
            border-radius: 0.3rem;
        }

        .one-right {
            margin-left: 0.5rem;
            font-size: 0.6rem;
            color: #999;
        }

    }

    .line-box {
        margin-left: 1rem;
        margin-right: 0.75rem;
        padding: 0.65rem 0 0.2rem 0.75rem;
        border-left: 0.05rem solid #D8D8D8;

    }

    .two {
        color: #5C687E;

        p {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            font-size: 0.75rem;
            color: #5C687E;

            .two-type {
                color: #333333;
                margin: 0 0.3rem;
            }
        }
    }

    .three {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: .75rem;

        .three-left {
            font-size: 0.6rem;
            color: #999;
        }

        .three-right {
            display: flex;
            align-items: center;
            width: 4.15rem;
            height: 1.1rem;
            line-height: 1.1rem;
            border: 1px solid #FE6E06;
            border-radius: 0.15rem;

            img {
                width: 0.5rem;
                height: 0.5rem;
                margin-left: 0.4rem;
            }

            span {
                font-size: 0.65rem;
                color: #FE6E06;
                margin-left: 0.25rem;
            }
        }
    }

    .four {
        position: relative;
        margin-top: .85rem;
        padding: 0.5rem 0.75rem;
        background-color: #F6F6F6;

        p {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            font-size: 0.65rem;
            color: #999;
        }
    }

    .four::after {
        content: ''; //必须有
        width: 0.6rem;
        height: 0.55rem; //三角大小                                                
        border: 0.025rem solid #F6F6F6;
        background-color: #F6F6F6;
        transform: rotate(45deg); //顺时针旋转45°                   
        position: absolute; //定位
        top: -0.25rem;
        right: 1.4rem;

    }
}

.has-pointer {
    cursor: pointer;
}
